{extends file="main.tpl"}
{block name=head}
<script>
  $(document).ready(function(){
//////////////////////
   	$.ajax({
	    url:'itemQtyAjax.php',
	    data:{ tableId: {$tableVar}, itemId: 1, tablePart: '{$tablePartVar}'},
	    dataType:'HTML',
	    type:'POST',
	      
	    success:function(msg){
       	$('#itemQty_1').val(msg);
	    }
    });
    $.ajax({
	    url:'itemQtyAjax.php',
	    data:{ tableId: {$tableVar}, itemId: 2, tablePart: '{$tablePartVar}'},
	    dataType:'HTML',
	    type:'POST',
	      
	    success:function(msg){
       	$('#itemQty_2').val(msg);
	    }
    });
    $.ajax({
	    url:'itemQtyAjax.php',
	    data:{ tableId: {$tableVar}, itemId: 3, tablePart: '{$tablePartVar}' },
	    dataType:'HTML',
	    type:'POST',
	      
	    success:function(msg){
       	$('#itemQty_3').val(msg);
	    }
    });
    $.ajax({
	    url:'itemQtyAjax.php',
	    data:{ tableId: {$tableVar}, itemId: 4, tablePart: '{$tablePartVar}' },
	    dataType:'HTML',
	    type:'POST',
	      
	    success:function(msg){
       	$('#itemQty_4').val(msg);
	    }
    });
    $.ajax({
	    url:'itemQtyAjax.php',
	    data:{ tableId: {$tableVar}, itemId: 5, tablePart: '{$tablePartVar}' },
	    dataType:'HTML',
	    type:'POST',
	      
	    success:function(msg){
       	$('#itemQty_5').val(msg);
	    }
    });
    $.ajax({
	    url:'itemQtyAjax.php',
	    data:{ tableId: {$tableVar}, itemId: 6, tablePart: '{$tablePartVar}' },
	    dataType:'HTML',
	    type:'POST',
	      
	    success:function(msg){
       	$('#itemQty_6').val(msg);
	    }
    });
    $.ajax({
	    url:'itemQtyAjax.php',
	    data:{ tableId: {$tableVar}, itemId: 7, tablePart: '{$tablePartVar}' },
	    dataType:'HTML',
	    type:'POST',
	      
	    success:function(msg){
       	$('#itemQty_7').val(msg);
	    }
    });
//////////////////////

    $('#plus1').mousedown(function(){
      var quantity=$('#itemQty_1').val();
     	$('#itemQty_1').val(parseInt(quantity) + 1 );
     	$.ajax({
  	    url:'itemAjax.php',
  	    data:{ waiterId: {$waiterVar}, tableId: {$tableVar}, quantity: $('#itemQty_1').val(), itemId: 1, tablePart: '{$tablePartVar}' },
  	    dataType:'HTML',
  	    type:'POST',
  	      
  	    success:function(msg){}
      });
    });
    
    $('#minus1').mousedown(function(){
     		var quantity=$('#itemQty_1').val();
     		if(quantity > 0)
     		{
     		$('#itemQty_1').val(parseInt(quantity) - 1 );
     	  $.ajax({
  	      url:'itemAjax.php',
  	      data:{ waiterId: {$waiterVar}, tableId: {$tableVar}, quantity: $('#itemQty_1').val(), itemId: 1, tablePart: '{$tablePartVar}' },
  	      dataType:'HTML',
  	      type:'POST',
  	      
  	      success:function(msg){}
        });
      }
      });
    
     $('#plus2').mousedown(function(){
      var quantity=$('#itemQty_2').val();
     	$('#itemQty_2').val(parseInt(quantity) + 1 );
     	$.ajax({
  	    url:'itemAjax.php',
  	    data:{ waiterId: {$waiterVar}, tableId: {$tableVar}, quantity: $('#itemQty_2').val(), itemId: 2, tablePart: '{$tablePartVar}' },
  	    dataType:'HTML',
  	    type:'POST',
  	      
  	    success:function(msg){}
      });
    });
    
    $('#minus2').mousedown(function(){
     		var quantity=$('#itemQty_2').val();
     		if(quantity > 0)
     		{
     		$('#itemQty_2').val(parseInt(quantity) - 1 );
     	  $.ajax({
  	      url:'itemAjax.php',
  	      data:{ waiterId: {$waiterVar}, tableId: {$tableVar}, quantity: $('#itemQty_2').val(), itemId: 2, tablePart: '{$tablePartVar}' },
  	      dataType:'HTML',
  	      type:'POST',
  	      
  	      success:function(msg){}
        });
      }
      });
    
    $('#plus3').mousedown(function(){
      var quantity=$('#itemQty_3').val();
     	$('#itemQty_3').val(parseInt(quantity) + 1 );
     	$.ajax({
  	    url:'itemAjax.php',
  	    data:{ waiterId: {$waiterVar}, tableId: {$tableVar}, quantity: $('#itemQty_3').val(), itemId: 3, tablePart: '{$tablePartVar}' },
  	    dataType:'HTML',
  	    type:'POST',
  	      
  	    success:function(msg){}
      });
    });
   
    $('#minus3').mousedown(function(){
     		var quantity=$('#itemQty_3').val();
     		if(quantity > 0)
     		{
     		$('#itemQty_3').val(parseInt(quantity) - 1 );
     	  $.ajax({
  	      url:'itemAjax.php',
  	      data:{ waiterId: {$waiterVar}, tableId: {$tableVar}, quantity: $('#itemQty_3').val(), itemId: 3, tablePart: '{$tablePartVar}' },
  	      dataType:'HTML',
  	      type:'POST',
  	      
  	      success:function(msg){}
        });
      }
      });
   
    $('#plus4').mousedown(function(){
      var quantity=$('#itemQty_4').val();
     	$('#itemQty_4').val(parseInt(quantity) + 1 );
     	$.ajax({
  	    url:'itemAjax.php',
  	    data:{ waiterId: {$waiterVar}, tableId: {$tableVar}, quantity: $('#itemQty_4').val(), itemId: 4, tablePart: '{$tablePartVar}' },
  	    dataType:'HTML',
  	    type:'POST',
  	      
  	    success:function(msg){}
      });
    });

    $('#minus4').mousedown(function(){
     		var quantity=$('#itemQty_4').val();
     		if(quantity > 0)
     		{
     		$('#itemQty_4').val(parseInt(quantity) - 1 );
     	  $.ajax({
  	      url:'itemAjax.php',
  	      data:{ waiterId: {$waiterVar}, tableId: {$tableVar}, quantity: $('#itemQty_4').val(), itemId: 4, tablePart: '{$tablePartVar}' },
  	      dataType:'HTML',
  	      type:'POST',
  	      
  	      success:function(msg){}
        });
      }
      });

    $('#plus5').mousedown(function(){
      var quantity=$('#itemQty_5').val();
     	$('#itemQty_5').val(parseInt(quantity) + 1 );
     	$.ajax({
  	    url:'itemAjax.php',
  	    data:{ waiterId: {$waiterVar}, tableId: {$tableVar}, quantity: $('#itemQty_5').val(), itemId: 5, tablePart: '{$tablePartVar}' },
  	    dataType:'HTML',
  	    type:'POST',
  	      
  	    success:function(msg){}
      });
    });
    $('#minus5').mousedown(function(){
     		var quantity=$('#itemQty_5').val();
     		if(quantity > 0)
     		{
     		$('#itemQty_5').val(parseInt(quantity) - 1 );
     	  $.ajax({
  	      url:'itemAjax.php',
  	      data:{ waiterId: {$waiterVar}, tableId: {$tableVar}, quantity: $('#itemQty_5').val(), itemId: 5, tablePart: '{$tablePartVar}' },
  	      dataType:'HTML',
  	      type:'POST',
  	      
  	      success:function(msg){}
        });
      }
      });
     $('#plus6').mousedown(function(){
      var quantity=$('#itemQty_6').val();
     	$('#itemQty_6').val(parseInt(quantity) + 1 );
     	$.ajax({
  	    url:'itemAjax.php',
  	    data:{ waiterId: {$waiterVar}, tableId: {$tableVar}, quantity: $('#itemQty_6').val(), itemId: 6, tablePart: '{$tablePartVar}' },
  	    dataType:'HTML',
  	    type:'POST',
  	      
  	    success:function(msg){}
  	    
      });
    });
    $('#minus6').mousedown(function(){
     		var quantity=$('#itemQty_6').val();
     		if(quantity > 0)
     		{
     		$('#itemQty_6').val(parseInt(quantity) - 1 );
     	  $.ajax({
  	      url:'itemAjax.php',
  	      data:{ waiterId: {$waiterVar}, tableId: {$tableVar}, quantity: $('#itemQty_6').val(), itemId: 6, tablePart: '{$tablePartVar}' },
  	      dataType:'HTML',
  	      type:'POST',
  	      
  	      success:function(msg){}
        });
      }
      });
     $('#plus7').mousedown(function(){
      var quantity=$('#itemQty_7').val();
     	$('#itemQty_7').val(parseInt(quantity) + 1 );
     	$.ajax({
  	    url:'itemAjax.php',
  	    data:{ waiterId: {$waiterVar}, tableId: {$tableVar}, quantity: $('#itemQty_7').val(), itemId: 7, tablePart: '{$tablePartVar}' },
  	    dataType:'HTML',
  	    type:'POST',
  	      
  	    success:function(msg){}
      });
    });
    $('#minus7').mousedown(function(){
    	var quantity = $('#itemQty_7').val();
    	if(quantity > 0)
    	{
    	  $('#itemQty_7').val(parseInt(quantity) - 1 );
        $.ajax({
  	      url:'itemAjax.php',
  	      data:{ waiterId: {$waiterVar}, tableId: {$tableVar}, quantity: $('#itemQty_7').val(), itemId: 7, tablePart: '{$tablePartVar}' },
  	      dataType:'HTML',
  	      type:'POST',
  	      
  	      success:function(msg){}
        });
      }
    });
    
  });
</script>
{/block}  
{block name=body}
  <h3 align="center"><font size="10" color="red">Ice-Creams</font></h3>
  <table cellpadding="3" cellspacing="2" >
    <tr>
      <td valign="top">
      	<table id="itemTable" border="1" cellpadding="3" cellspacing="2" >
          <tr id="ice" class="ice">
            <td><font size="4">Ice-Cream <br />Rs. : 35.00</font>
       	      <br />
              <button id="plus1" class="sum">+</button>
              <input  type="text" name="1"  value="0" class="quntity" id="itemQty_1"/>
              <button id="minus1" class="sum">-</button>
            </td>
            
            <td><font size="4">Ice-Cream <br />Rs. : 40.00</font>
       	      <br />
              <button id="plus2" class="sum">+</button>
              <input  type="text" name="1" class="quntity" value="0" onchange="changeQuantityFun();" id="itemQty_2"  />
              <button id="minus2" class="sum">-</button>
            </td>
            <td><font size="4">Shiv Special <br />Rs. : 60.00</font>
       	      <br />
              <button id="plus3" class="sum">+</button>
              <input  type="text" name="1" class="quntity" value="0" id="itemQty_3" />
              <button id="minus3" class="sum">-</button>
            </td>
            <td><font size="4">King Kong <br />Rs. : 30.00</font>
       	      <br />
              <button id="plus4" class="sum">+</button>
              <input  type="text" name="1" class="quntity" value="0" id="itemQty_4"  />
              <button id="minus4" class="sum">-</button>
            </td>
          </tr>
          <tr id="ice" class="ice">
          	<td align="center"><font size="4">Candy<br />Rs. : 25.00</font>
       	      <br />
              <button id="plus5" class="sum">+</button>
              <input  type="text" name="1" class="quntity" id="itemQty_5" value="0" />
              <button id="minus5" class="sum">-</button>
            </td>
            <td align="center"><font size="4">Candy<br />Rs. : 35.00</font>
       	      <br />
              <button id="plus6" class="sum">+</button>
              <input  type="text" name="1" class="quntity" id="itemQty_6" value="0" />
              <button id="minus6" class="sum">-</button>
            </td>
            <td align="center"><font size="4">Sundae<br />Rs. : 100.00</font>
       	      <br />
              <button id="plus7" class="sum">+</button>
              <input  type="text" name="1" class="quntity" id="itemQty_7" value="0" />
              <button id="minus7" class="sum">-</button>
            </td>
          </tr>
        </table>
        <table align="center" border="0">
        	<tr>
            <td>
              <iframe src="itemMenu.php?waiter={$waiterVar}&table={$tableVar}&tablePart={$tablePartVar}" width="400" height="400"></iframe>
            </td>
          </tr>
        </table>
      </td>
      <td>
         <table cellpadding="3" cellspacing="2" >
           <td valign="top">
             <iframe src="selectedTable.php?waiterId={$waiterVar}&tableId={$tableVar}&tablePart={$tablePartVar}" width="395" height="1000"></iframe>
           </td>
         </table>
      </td>
    </tr>
  </table>
{/block}